<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <!-- 
    服务类型选择
    预约日期和时间
    客户信息验证
    特殊要求说明
    价格范围选择（range类型）
    支付方式选择 
    -->
</head>

<body>
    <main>
        <article>
            <section>
                <form action="">
                    <table>
                        <tr>
                            <td>服务类型：</td>
                            <td><select name="" id="">
                                    <option value="1">服务1</option>
                                    <option value="2">服务2</option>
                                    <option value="3">服务3</option>
                                    <option value="4">服务4</option>
                                </select></td>
                        </tr>
                        <tr>
                            <td>时间：</td>
                            <td><input type="datetime" name="" id=""><input type="time" name="" id=""></td>
                        </tr>
                        <tr>
                            <td></td>
                            <td></td>
                        </tr>
                        <tr>
                            <td>特殊要求：</td>
                            <td><textarea name="" id=""></textarea></td>
                        </tr>
                        <tr>
                            <td>价格范围：</td>
                            <td><input type="range" name="" id=""></td>
                        </tr>
                        <tr>
                            <td>支付方式：</td>
                            <td><input type="radio" name="pay" id="">微信<input type="radio" name="pay" id="">支付宝<input type="radio" name="pay" id="">云闪付</td>
                        </tr>
                        <tr>
                            <td colspan="2"><input type="submit" name="" id="" value="确认"></td>
                           
                        </tr>
                    </table>
                </form>
            </section>
        </article>
    </main>
</body>

</html>